$NAV-LIST-PILLS-HEIGHT    : 20px;


.jb-nav-list-pills {
  list-style: none;

  > li {

    > a {
      line-height: $NAV-LIST-PILLS-HEIGHT;

      display: block;
      margin: 0 0 -1px;
      padding: 8px 14px;
      border: 1px solid #e5e5e5;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

      &:hover {
        background-color: #f5f5f5;
        text-decoration: none;
      }

    }

    &:first-child > a {
      border-radius: 6px 6px 0 0;
    }
    &:last-child > a {
      border-radius: 0 0 6px 6px;
    }

    .icon-chevron-right {
      float: right;
      line-height: $NAV-LIST-PILLS-HEIGHT;
      color: #ccc;
    }

    &.selected a {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
      background-color: #08C;

      .icon-chevron-right {
        color: #fff;
      }
    }
  }
}